<template>
	<div class="box">
		<!-- 第一 -->
		<div  class="one">
		 <ul  class="one_a" > 
		  <li style="margin-left:120px"><img src="@/assets/images/logo.jpg"></li> 
					 
					<li style="margin-left:140px"><router-link to='/'>首页</router-link></li>
					 <li >|</li> 
					<li ><router-link to='/gy'>关于我们</router-link></li>
					 <li >|</li> 
					 <li ><router-link to='/jie'>解决方案</router-link></li>
					 
					 <li >|</li> 
					 <li ><router-link to='/jiShu'>技术服务</router-link></li> 
					 <li >|</li> 
					 <li><router-link to='/xw'>新闻中心</router-link></li>
					  <li>|</li>
					  <li><router-link to='/lx'>联系我们</router-link></li>
					 <li style="margin-left:120px"><img src="@/assets/images/tel.jpg" alt=""></li>
		 </ul> 
		</div> 
		<!-- 第二部分 -->
		<div class="two">
			<p style="font-weight: bold;font-size: 100px;">专业网站开发20年</p>
			<p >Focus on website developent for 20 years</p>
			<p >移动应用开发 微信平台开发 嵌入式开发 电子商务平台开发 ERP/CRM/EHR 美工设计</p>
		</div>
		<!-- 第三部分 -->
		<div class="three">
			<div class="three-top">
				<h1 >解决方案</h1>
				<h3><img src="@/assets/images/bg.png" alt="">SOLUTION<img src="@/assets/images/bg.png" alt=""></h3>
			</div>
			<div class="three-center">
				互联网+
			</div>
			<div class="three-bot">
				<ul class="bot-top">
					<li><img src='../assets/images/so_img1.jpg' alt=""></li>
					<li><img src="../assets/images/so_img2.jpg" alt=""></li>
					<li><img src="../assets/images/so_img3.jpg" alt=""></li>
					<li><img src="../assets/images/so_img4.jpg" alt=""></li>
				</ul>
			</div>
			<div class="bott-bot">
				<ul >
					<li>"互联网+" 建站解决方案</li>
					<li>"互联网+" 智慧城市解决方案</li>
					<li>"互联网+" 电子商务、新媒体解决方案"</li>
					<li>"互联网+" 微信解决方案</li>
				</ul>
			</div>
			
			<div class="bott">
				<ul>
					<li>我们为您提供PC建站、移动建站的全套解决方案，助您利用互联网连接—切:在这里您可以放心地托管给我们帮助完成名购买、域名备案、服务器配置等操作;网站上线后，我们会负责为您保障网站安全、防DDoS攻击，让您建站过程、日常
						运营省心安心。

					</li>
					<li>“互联网+”智慧城市解决方案我们对智慧城市的运营有着丰富的实战经验,对省、市、县各级城市民生公共信息，如公交系统、公共自行车系统，城市停车导引系统等有着自己的一套操作模式，从信息采集，到构建数据平台，再到精细化运营，信息科技公司“互联网+智慧城市”可以全面覆盖。丰富的操作经验以及专业的开发团队，构筑了“互联网+智慧城市” 项目稳定运行的基石。</li>
					<li>通过微信、陌陌、QQ、微博等社交营销软件，专业为传统行业提供新媒体营销外包服务，拓展互联网+电子商务运营，助力您的业务腾飞</li>
					<li>微信，逐渐成为一种生活方式,信息科技公司为各大企业、传统行业、零售业提供完整的移动电商解决方案，社会化分销平台为零售行业提供全渠道的电商解决方案，帮助企业搭建新─代微商分销体系，实现线上线下互通和客户沉淀，同时，帮助广大企业建设微信公众平台，助力微信
营销的全面发展。
</li>
				</ul>
			</div>
		</div>
		<!-- 第四部分 -->
		<div class="four">
			<div class="four-top">
				企业信息化
			</div>
			<div class="four-cet">
				将企业的生产过程、物料移动、事务处理、现金湍动、客尸父旦等业务过程数子化，j迪亚各枰信息系纷网玲加上生成新的后息资源，提供给峇层次的人们洞悉、观察各类动态业务中的一切信息，以作出有利于生产要素组合优化的决策，使企业资源合理配置，以使企业能适应瞬息万变的市场经济竞争环境，求得最大的经济效益。多年的积累，信息科技公司在以下行业具有丰富的企业信息化定制开发经验:
			</div>
			<div class="four-center">
				<ul>
					<li><img src="../assets/images/so_img5.jpg" alt="">金融，银行，风险投资...</li>
					<li><img src="../assets/images/so_img6.jpg" alt="" style="width: 1160px;">制造业</li>
				</ul>
				<ul>
					<li><img src="../assets/images/so_img7.jpg" alt="">物流</li>
					<li><img src="../assets/images/so_img8.jpg" alt="">医疗</li>
					<li><img src="../assets/images/so_img9.jpg" alt="">房地产</li>
				</ul>
				<ul>
					<li><img src="../assets/images/so_img10.jpg" alt="">媒体</li>
					<li><img src="../assets/images/so_img11.jpg" alt="" style="width: 1160px;">教育</li>
				</ul>
			</div>
		</div>
		<!-- 第五部分 -->
		<div class="five">
			<div class="five-top">
				专业电脑软件、手机PP外包服务
			</div>
			<div class="five-bot">
				信息科技公司是专业从事移动互联网软件开发与外包的服务性公司，专业的电脑软件、移动软件外包定制应用开发商，拥有微软认证资深架构师、10年以上资深工程师、行业资深技术工程师等数十人，为您提供卓越的交互设计、极致的用户体验、精准的数据分析，做客户的技术团队，将项目负责到底。另外还从事网站、微网站.GUI等产品的设计和研发。
			</div>
			<div class="five-bott">
				<img src="../assets/images/ditu.jpg" alt="">
			</div>
		</div>
		<!-- 第六部分 -->
		<div class="six">
			<div class="top">
				<ul>
					<li style="margin-left:140px">首页</li>
					<li >|</li> 
					<li>关于我们</li> 
					<li >|</li> 
					<li >解决方案</li> 
					<li >|</li> 
					<li >技术服务</li> 
					<li >|</li> 
					<li>新闻中心</li>
					 <li>|</li>
					 <li>联系我们</li>
				</ul>
			</div>
			<div class="center">
				<p>联系我们</p>
				<p>信息科技有限公司</p>
				<p>Lnfomation Technology Co.,Ltd</p>
				<hr color="gray">
			</div>
			<div class="bot">
				<img src="@/assets/images/ft1.png" alt="">
				<img src="@/assets/images/ft2.png" alt="">
				<img src="@/assets/images/ft3.png" alt="">
				<ul>
					<li style="margin-left: 210px;">江苏省昆仑市</li>
					<li style="margin-left: 230px;">XXX@xxx.com</li>
					<li style="margin-left: 240px;">手机：XXXXXXXXXXX</li>
				</ul>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
	  name: 'jieJue',
	  data () {
		  
	    return {
	        
	          }
	        }
	    }
	  
</script>

<style scoped>
	.box{
		width: 1900px;
		height: 4000px;
		margin:0 auto;
	
	}
	.one{
		width: 1900px;
		height: 200px;
		background-color: white;
			margin:0 auto;
	}
	.one a{
		color: gray;
	}
	.one ul{
		width: 1900px;
		height: 200px;
		list-style: none;
		text-align: center;
		line-height: 200px;
	}
	.one ul li{
		float: left;
		margin-right: 40px;
		font-size: 30px;
	}
	
	.two{
		width: 100%;
		height: 600px;
		/* display: flex; */
		flex-direction: row;
		margin-bottom: 5px;
		background-image: url('../assets/images/banner4.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		
	}
	.two p{
		height: 200px;
		margin: -40px auto;
		text-align: center;
		line-height: 200px;
		font-size: 30px;
		color: black;
	}
	
	.three {
		width: 1900px;
		height: 1200px;
		margin: 20px auto;
	}
	.three .three-top{
		text-align: center;
	}
	.three .three-center{
		height: 50px;
		line-height: 50px;
		background-color: gray;
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 30px;
	}
	.three-bot{
		width: 1900px;
		height: 20px;
		text-align: center;
		/* margin: 0 auto; */
	}
	.three .three-bot .bot-top{
		width: 1900px;
		height: 20px;
		list-style: none;
		margin-top: 10px;
	}
	.three .three-bot .bot-top li{
		list-style: none;
		width: 465px;
		height: 20px;
		float: left;
		margin-left: 10px;
	}
	.three .three-bot .bot-top li img{
		width: 400px;
		height: 400px;
	}
	
	 .bott-bot{
		width: 1900px;
		margin-top:400px;
	}
	.bott-bot ul{
		width: 1900px;
		list-style: none;
	}
	.bott-bot ul li{
		width: 300px;
		/* height: 200px; */
		 float: left;
		 margin-left: 165px;
		 font-weight: bold;
		
	}
	 .bott{
		  width: 1900px;
		  /* height: 200px; */
	}
	 .bott ul{
		  width:1900px;
		  /* height: 200px; */
		  list-style: none;
		 
	}
	.bott ul li{
		  width: 300px;
		  /* height: 200px; */
		   float: left;
		   margin-left: 160px;
	}
	
	.four{
		width: 1900px;
		margin: -370px auto;
	}
	.four .four-top{
		height: 50px;
		line-height: 50px;
		background-color: gray;
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 30px;
	}
	.four .four-cet{
		margin: 15px auto;
	}
	.four .four-center{
		width: 1900px;
		height: 600px;
		margin: 0 auto;
	}
	.four .four-center ul{
		width: 1900px;
		height: 340px;
		list-style: none;
	}
	.four .four-center ul li{
		width: 530px;
		height: 20px;
		float: left;
		text-align: center;
		margin-left: 100px;
	}
	.four .four-center ul li img{
		width: 100%;
		height: 300px;
		
	}
	.five{
		width: 100%;
		margin: 870px auto;
	}
	.five .five-top{
		height: 50px;
		line-height: 50px;
		background-color: gray;
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 30px;
	}
	.five .five-bot{
		margin: 15px auto;
		font-size: 20px;
	}
	.five-bott img{
		width: 100%;
		height: 100%;
	}
	.six{
		 
		 	width:100%;
		 	height: 800px;
		 	background-color: white;
			background-color: #000000;
			color: gray;
			margin-top: -875px;
	}
	.six .top{
		  width: 1500px;
		  height: 400px;
		  margin: 10px auto;
		  line-height: 400px;
	}
	.six .top ul{
		width: 1900px;
		/* height: 100px; */
		list-style: none;
		
	}
	.six .top  ul li{
		float: left;
		margin-right: 40px;
		font-size: 30px;
	} 
	.six .center{
		  width: 1500px;
		  height: 20px;
		  text-align: center;
		  margin: 0 auto;
	}
	.six .bot{
		  width: 1500px;
		  height: 20px;
		  text-align: center;
		  margin: 200px auto;
	} 
	.six .bot img{
		  margin-right: 300px;
	}
	.six .bot ul{
		  width: 1500px;
		  height: 20px;
		  text-align: center;
		  list-style: none;
		 
	} 
	.six .bot ul li{
		 
		  float: left;
	} 
</style>
